/* pages/game/index.wxss */
.lastPage {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 30rpx;
  overflow: auto;
}

.allScoreView {
  margin: 30rpx 0rpx;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: large;
  font-weight: bold;
  text-align: center;
}

.gameBackground {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}

.gameView {
  position: relative;
  width: 100%;
  padding-bottom: 73.3%;
  height: 0;
  z-index: 1;
  margin-top: 100px;
}

.gameItemView {
  position: absolute;
  width: 19%;
  padding-bottom: 19%;
  height: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
}

.gameItemImage {
  position: absolute;
  width: 100%;
  height: 100%;
}

.countDownView {
  position: absolute;
  top: calc(50% - 100rpx);
  left: calc(50% - 100rpx);
  width: 200rpx;
  height: 200rpx;
  line-height: 200rpx;
  text-align: center;
  color: white;
  border-radius: 100rpx;
  background-color: #3BB4EE;
  font-size: 50pt;
  font-weight: bolder;
  z-index: 2;
}

.singleScore {
  padding: 0 10px;
  text-align: center;
  width: 340px;
  height: 60px;
  margin: 30px auto;
  line-height: 60px;
  text-align: center;
  font-size: medium;
  background-color: #F3F9FF;
  border-radius: 10rpx;
  border: 3rpx solid #C9E5FE;
  color: #2CA0FC;
  font-family: 'Courier New', Courier, monospace;
}

.startOrStopView {
  width: 80%;
  height: 80rpx;
  margin-left: 10%;
  line-height: 80rpx;
  color: white;
  background-color: #2CA940;
  border-radius: 40rpx;
  text-align: center;
  font-size: larger;
}
